/*
* @Author: anhao
* @Date:   2017-02-07 10:09:53
* @Last Modified by:   anhao
* @Last Modified time: 2017-02-08 16:44:59
*/

.header{
	box-shadow: 0px 0.02rem 12px 0px #888888;
}
/*----------------------------------------------------------------------------

								MENU

 ----------------------------------------------------------------------------*/
.tourMenu{
	height: 3.93rem;
	width: 100%;
	color: #2c2c2c;
	/*background: red;*/
}
.tourMenu .tourMenuTab{
	height: 1.345rem;
	width: 100%;
}
.tourMenu .tourMenuTab ul{
	width: 7.2rem;
	height: 100%;
	/*background: red;*/
	margin: 0px 0.15rem;
}
.tourMenu .tourMenuTab ul li{
	/*width: 1.9rem;
	padding:0 0.85rem;*/
	width: 1.8rem;
	text-align: center;
	float: left;
}
.tourMenu .tourMenuTab ul li div{
	font-size: 0.24rem;
	line-height: 0.24rem;
	height: 0.24rem;
	width: 100%;
	overflow: hidden;
}
.tourMenuTab img{
	height: 0.92rem;
	width: 0.95rem;
}
.tourMenuOne{
	padding-top: 0.35rem;
}
.tourMenuTwo{
	padding-top: 0.54rem;
}
/*----------------------------------------------------------------------------

								CONTENT

 ----------------------------------------------------------------------------*/
/**
 *     热门景点 
 */
.spots{
	width: 100%;
	height: 6.24rem;
}
/* 景点栏目大标题 */
.spotsTitle{
	height: 0.4rem;
	width: 40%;
	position: relative;
	left: 30%;
	margin: 0.42rem 0;
}
.spotsTitle .line{
	width: 100%;
	height: 0.02rem;
	background: #666;
	position: absolute;
	top: 0.19rem;
}
.spotsTitle .spotsCon{
	width: 76%;
	line-height: 0.4rem;
	font-size: 0.4rem;
	text-align: center;
	background: #fff;
	position: absolute;
	top: 0;
	left: 12%;
	z-index: 99;
}
/* 景点图片布局 */
.spotsTab{
	width: 100%;
	height: 2.26rem;
}
.spots .spotsTab .spotsTabBlock{
	height: 2.26rem;
	width: 3.135rem;
	margin-left: 0.41rem;
	float: left;
	position: relative;
	margin-bottom: 0.28rem;
}
.spots .spotsTab .spotsTabBlock img{
	height: 100%;
	width: 100%;
}
/* 景点图片浮层描述 */
.spots .spotsTab .spotsTabBlock .spotsImgDes{
	height: 0.5rem;
	line-height: 0.5rem;
	width: 100%;
	font-size: 0.29rem;
	color: #fff;
	background-color:#000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
  	background-color:rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.spotsName{
	float: left;
	margin-left: 0.1rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.spotsStar{
	float: right;
	margin-right: 0.15rem;
	font-size: 0.25rem;
	width: 0.5rem;
    text-align: right;
}
/**
 *     最佳民宿 
 */
.stay{
	width: 6.68rem;
	margin:0 0.41rem;
	color: #2c2c2c;
	overflow: auto;
}
.stayTab{
	width: 100%;
	height: 1.39rem;
	margin-bottom: 0.38rem;
}
.stayTab img{
	width: 1.94rem;
	height: 1.39rem;
	float: left;
}
.stayTab .stayInfo{
	width: 4.5rem;
	height: 100%;
	float: right;
}
/* 民宿详情 */
.stayInfoUp{
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.3rem;
}
.stayInfoTitle{
	width: 2.73rem;
	height: 100%;
	overflow: hidden;
	float: left;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.stayLabel{
	width: 0.47rem;
	height: 100%;
	float: left;
	margin-right: 0.18rem;
	font-size:0.2rem;
	text-align:center;
	overflow:hidden;
	background:#9f8ffb;
	color:#fff;
}
.stayFirstLabel{
	background:#8addff;
}
.stayLastLabel{
	margin-right: 0;
	background:#ffd095;
}
/**/
.stayInfoCt{
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.3rem;
	margin-top: 0.245rem;
}
.ctStar{
	width: 1.75rem;
	height: 100%;
	float: left;
}
.ctStar img{
	width: 0.3rem;
	height: 0.3rem;
	float: left;
	margin-left: 0.05rem;
}
.ctHealth{
	width: 2.41rem;
	float: right;
}
/**/
.stayInfoBt{
	width: 100%;
	height: 0.3rem;
	line-height: 0.3rem;
	font-size: 0.3rem;
	margin-top: 0.245rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.stayPri{
	color: #ffcd00;
	float: left;
}
.btSmall{
	height: 0.2rem;
	line-height: 0.2rem;
	font-size: 0.2rem;
	margin-top: 0.1rem;
	float: left;
	margin-left: 0.05rem;
	-webkit-box-flex:1;
	    -ms-flex:1;
	        flex:1;
}
.btSmall .stayPriInfo{
	width: 0.2rem;
	float: left;
}
.btSmall .btInfo{
	width: 2.41rem;
	float: right;
}
